<template>
  <div class="school">
    <div v-for="(item,index) in guanzhuSchoolbox" :key="index" class="school_list">
      <router-link
        class="router"
        :to="{
                 name: '/SchoolDeatil', 
                 params: { userId: item.schoolId }}"
      >
<<<<<<< HEAD
        <img :src="item.logoUrl" alt />
=======
        <img src="@/assets/img/timg.jpg" alt />
>>>>>>> 314b442cce11d658746227581b0160373004c345
        <h4 class="ctyl">{{item.provinceName}}</h4>
        <h3 class="school_name">{{item.schoolName }}</h3>
      </router-link>
    </div>
<<<<<<< HEAD
    <div class="kong"></div>
    
  </div>
  
=======
  </div>
>>>>>>> 314b442cce11d658746227581b0160373004c345
</template>

<script>
export default {
  name: "SchoolDeatil",
  data() {
    return {
      guanzhuSchoolbox: [],
      pageNow: 0,
      pageSize: 0
    };
  },
  methods: {
    getguanzhu() {
      this.$ajax({
        method: "post",
        url: "/api/follow/listTest",
        data: {
          pageNow: 1,
          pageSize: 10
        },
        success: res => {
          if (res.data.code == 0) {
            this.guanzhuSchoolbox = res.data.data.list;
          } else {
          }
        }
      });
    }
  },
  watch: {
    $route() {
      // console.log(this.$route.query.schoolID)
      // this.$router.push({ name: '/SchoolDeatil', params: { userId: this.$route.query.schoolID }})
    }
  },
  beforeCreate() {
    this.$nextTick(() => {
      this.getguanzhu();
    });
  }
};
</script>

<style lang="scss" scoped>
.router {
  text-decoration: none;
  margin-right: 20px;
}
.school {
<<<<<<< HEAD
  display: -webkit-flex; /* Safari */
  -webkit-flex-wrap: wrap; /* Safari 6.1+ */
  flex-wrap: wrap;
  
=======
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
>>>>>>> 314b442cce11d658746227581b0160373004c345
}
.school_list {
  width: 260px;
  height: 300px;
  border-radius: 10px;
  background: #ffffff;
  margin-top: 24px;
  margin-right: 70px;
  img {
    display: block;
    width: 76px;
    height: 76px;
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .ctyl {
    text-align: center;
    font-size: 20px;
    color: #757575;
    padding-bottom: 24px;
  }
  .school_name {
    font-size: 24px;
    color: #515151;
    text-align: center;
<<<<<<< HEAD
    padding:5px;
    line-height: 30px;
  }
}
.kong{
    width: 260px;
    height: 0px;
}
=======
  }
}
>>>>>>> 314b442cce11d658746227581b0160373004c345
.school_list:nth-child(3n) {
  margin-right: 0;
}
</style>